/*
Theme Name: tsvBierden
Description: Theme for our soccer team
Author: Jan Zaydowicz 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tsv-bierden

/* =Notes
--------------------------------------------------------------
	credits: http://wordpress.org/themes/bierden, https://github.com/gerritvanaaken/WP-Kickstart
*/

.entry-content img, .comment-content img, .widget img {
    max-width: 100%;
}


/* Body, links, basics */
html {
	font-size: 62.5%;
}

body {
	font-size: 14px;
	font-family: "Times New Roman", serif;
	text-rendering: optimizeLegibility;
	color: #444444;
	line-height: 1.5;
}

a {
	outline: none;
	color: #004F94;
	text-decoration: none;
}

a:hover {
	color: #0f3647;
}

.clear {
	clear:both;
}

/* page structe */

#page {
	border: 1px solid #BBBBBB;
	border-radius: 10px 10px 10px 10px;
	margin: 10px auto 0;
	position: relative;
	width: 1000px;
}

/* Header */

#masthead {
	margin-top: 15px;
	position: relative;
	width: 100%;
	z-index: 0;
}

#masthead hgroup {
	float: left;
	width: 25%;
}

#masthead #header-image {
	display: block;
	float: none;
	margin: 0 auto 30px;
}

.site-title, .site-title a {
	color: #E55564;
	font-family: 'Varela Round',sans-serif;
	font-size: 160%;
	line-height: 90%;
	text-align: center;
	text-decoration: none;
}

.site-description {
	color: #462917;
	font-family: 'Varela Round',sans-serif;
	font-size: 16px;
	font-style: italic;
	margin: 10px 0;
	text-align: center;
}

#middle {
	width: 50%;
	float: left;
}

/* Navigation Menu */


.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
}

.assistive-text, .site .screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.main-navigation {
	margin-bottom: 15px;
	text-align: center;
}

.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	background-color: #FFFFFF;
}

.main-navigation ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

.main-navigation li {
	position: relative;	
}


.main-navigation li ,
.main-navigation li a {
	display: inline-block;
}

.main-navigation a {
	border-radius: 5px 5px 5px 5px;
	color: #004F94;
	font-size: 12px;
	padding: 7px 10px;
	text-decoration: none;
	text-transform: uppercase;
}

.main-navigation ul li a:hover {
	background-color: #004F94 !important;
	color: #FFFFFF;
}

.main-navigation ul li.current_page_item a,
.main-navigation ul li.current-menu-item a {
	background-color: #EEEEEE;
}

.main-navigation li ul,
.site-navigation li ul {
	display: none;
	border-radius: 5px;
	z-index: 1;
}

.main-navigation li ul {
	background-color: #D8DCDF;
	position: absolute;
	top: 100%;
}

.main-navigation li ul ul,
.site-navigation li ul ul {
	left: 100%;
	top: 0;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li:hover ul li,
.main-navigation li ul li a,
.site-navigation ul li:hover > ul,
.site-navigation ul li:hover ul li,
.site-navigation li ul li a {
	display: block;
}

.page-navigation {
	padding: 15px;
} 

.page-navigation ul {
	list-style: none outside none;
	border: 1px solid #D8DCDF;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 2px 4px #DFE4E7;
}

.page-navigation ul li {
	border: 1px solid #D8DCDF;
	padding: 10px;
	text-align: center;
}

.page-navigation a {
	color: #004F94;
	font-size: 20px;
	font-weight: bold;
}

.page-navigation a:hover {
	font-size: 25px;
	padding: 5px;
	text-decoration: none;
}



/* Main Content */

#primary {
	float: left;
	width: 25%;
}

#secondary {
	float: left;
	overflow: hidden;
	width: 75%;
}

#content {
	min-height: 700px;
}

#content .post {
	border: 3px solid #EEEEEE;
	margin: 10px 10px 10px 0px;
	padding: 5px;
}

#content .page,
.single-player .player {
	padding: 5px;
}

.entry-header {
	margin: 0 0 15px;
}

.entry-content,
.entry-summary,
.mu_register {
	line-height: 1.714285714;
}

.entry-content h1,
.comment-content h1,
.entry-content h2,
.comment-content h2,
.entry-content h3,
.comment-content h3,
.entry-content h4,
.comment-content h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
	margin: 24px 0;
	margin: 1.714285714rem 0;
	line-height: 1.714285714;
}

.entry-content h1,
.comment-content h1 {
	font-size: 21px;
	font-size: 1.5rem;
	line-height: 1.5;
}

.entry-content h2,
.comment-content h2,
.mu_register h2 {
	font-size: 18px;
	font-size: 1.285714286rem;
	line-height: 1.6;
}

.entry-content h3,
.comment-content h3 {
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.846153846;
}

.entry-content h4,
.comment-content h4 {
	font-size: 14px;
	font-size: 1rem;
	line-height: 1.846153846;
}
.entry-content h5,
.comment-content h5 {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}

.entry-content h6,
.comment-content h6 {
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.846153846;
}

.entry-content p,
.entry-summary p,
.comment-content p,
.mu_register p {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	line-height: 1.714285714;
}

.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	line-height: 1.714285714;
}

.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
	margin-bottom: 0;
}
.entry-content ul,
.comment-content ul,
.mu_register ul {
	list-style: disc outside;
}

.entry-content ol,
.comment-content ol {
	list-style: decimal outside;
}
.entry-content li,
.comment-content li,
.mu_register li {
	margin: 0 0 0 36px;
	margin: 0 0 0 2.571428571rem;
}

.entry-content blockquote,
.comment-content blockquote {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	padding: 24px;
	padding: 1.714285714rem;
	font-style: italic;
}
.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child {
	margin-bottom: 0;
}

.entry-content code,
.comment-content code {
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
}
.entry-content pre,
.comment-content pre {
	border: 1px solid #ededed;
	color: #666;
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	overflow: auto;
	padding: 24px;
	padding: 1.714285714rem;
}

.entry-content pre code,
.comment-content pre code {
	display: block;
}
.entry-content abbr,
.comment-content abbr,
.entry-content dfn,
.comment-content dfn,
.entry-content acronym,
.comment-content acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

.entry-content address,
.comment-content address {
	display: block;
	line-height: 1.714285714;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}

img.alignleft {
	margin: 12px 24px 12px 0;
	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}

img.alignright {
	margin: 12px 0 12px 24px;
	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}

img.aligncenter {
	margin-top: 12px;
	margin-top: 0.857142857rem;
	margin-bottom: 12px;
	margin-bottom: 0.857142857rem;
}

.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

.entry-content dl,
.comment-content dl {
	margin: 0 24px;
	margin: 0 1.714285714rem;
}

.entry-content dt,
.comment-content dt {
	font-weight: bold;
	line-height: 1.714285714;
}
.entry-content dd,
.comment-content dd {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ededed;
	color: #757575;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	width: 100%;
}

.entry-content table caption,
.comment-content table caption {
	font-size: 16px;
	font-size: 1.142857143rem;
	margin: 24px 0;
	margin: 1.714285714rem 0;
}

.entry-content td,
.comment-content td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}

.entry-title,
.entry-title a {
	color: #004F94;
	font-family: 'Varela Round',sans-serif;
	font-size: 32px;
	margin: 0;
	text-decoration: none;
}

.entry-title a:hover {
	text-decoration: underline;
}

footer.entry-meta {
	margin: 10px 0;
}

/* Sidebar */

#sidebar-top {
	width: 25%;
	float: left;
}

.widget-area .widget {
	border: 1px solid #D8DCDF;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 2px 4px #DFE4E7;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
	margin: 0 15px 10px 15px;
	padding: 20px;
}

.widget-area .widget h2 {
	font-weight: bold;
}

.widget-area .widget h3 {
	margin-bottom: 24px;
}

.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
	font-size: 13px;
	line-height: 1.846153846;
}

.widget-area .widget p {
	margin-bottom: 24px;
}

.widget-area .textwidget ul {
	list-style: disc outside;
	margin: 0 0 24px;
}

.widget-area .textwidget li {
	margin-left: 36px;
}

.widget-area .widget a {
	color: #757575;
}

.widget-area .widget a:hover {
	color: #21759b;
}

.widget-area #s {
	width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
}

/* Footer */

#colophon {
	clear: both;
	display: inline-block;
	font-size: 12px;
	margin: 30px 0;
	text-align: right;
	text-transform: uppercase;
	width: 100%;
}

.footer {
	float: left;
	width: 33.33%;
}

#site-info {
	float: right;
	font-size: 10px;
	margin: 5px;
}

/* Widgets */

.widget-area .widget ul ul {
	margin-left: 12px;
}

.widget_rss li {
	margin: 12px 0;
}

.widget_recent_entries .post-date,
.widget_rss .rss-date {
	color: #aaa;
	font-size: 11px;
	margin-left: 12px;
}

#wp-calendar {
	width: 100%;
	font-size: 13px;
	line-height: 1.5;
	color: #686868;
}

#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
	text-align: left;
}

#wp-calendar caption {
	font-style: italic;
}
#wp-calendar #next {
	padding-right: 24px;
	text-align: right;
}

.widget_search label {
	display: block;
	font-size: 13px;
	line-height: 1.846153846;
}

.widget_twitter li {
	list-style-type: none;
}

.widget_twitter .timesince {
	display: block;
	text-align: right;
}

.widget-area .easy-coach-login {
    padding: 4px;
}

.widget-area .easy-coach-login #EL {
	border-radius: 4px;
}


/* Kader Layout */

#player-menu {
	background-color: #D8DCDF;
}

#player-menu > ul {
	margin: 0;
}

#player-menu li {
	color: #004F94;
	cursor: pointer;
	display: inline;
	font-size: 18px;
	font-weight: bold;
	margin-left: 10px;
}

#player-content {
	float: left;
	margin-left: 5%;
}

.page-template-player-php .player {
	float: left;
	max-width: 153px;
	margin: 5px;
	position: relative;
	height: 100%;
}

.player img {
	max-height: 129px !important;
	max-width: 100px !important;
}

.description {
	max-height: 129px !important;
	max-width: 100px !important;
	background-color: #004F94;
	height: 100%;
	width: 100%;
	position: absolute;
	opacity: 0;
}

.description span {
	display: block;
}

#no-image {
	background-image: url("img/no-image.png");
	height: 129px;
	width: 100px;
}


.number {
	background-color: #FFFFFF;
	border-radius: 0%;
	font-size: 35px;
	font-weight: bold;
	height: 40%;
	margin-left: 25px;
	margin-top: 39px;
	text-align: center;
	width: 50%;
}

.page-template-player-php .Betreuer .number p{
	font-size: 30px;
	padding-top: 3px;
}

.number p {
	opacity: 0;
}

/* Kader Layout hover */

#player-menu li:hover {
	background-color: #FFFFFF;
	border-radius: 4px 4px 4px 4px;
}
.player .description:hover {
	animation: description-hover 0.3s;
	opacity: 0.75;
}

@keyframes description-hover
{
	from {opacity: 0;}
	to {opacity: 0.75;}
}

.description:hover .number {
	animation: number-hover 0.1s;
	border-radius: 50%;
}

@keyframes numer-hover
{
	from {border-radius: 0;}
	to {border-radius: 50%;}
}

.description:hover .number p {
	animation: numer-p-hover 0.1s;
	opacity: 1;
}

@keyframes numer-p-hover
{
	from {opacity: 0;}
	to {opacity: 1;}
}

/* Kader Layout Single */


.single-player .player .post-thumbnail .wp-post-image {
	border-radius: 5% 5% 5% 5%;
}

.single-player .entry-content table {
	font-size: 14px;
}


/* Responsive */

/* Images */

.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* Select */

.textwidget select {
	max-width: 100%;
}


/* Default WP classes */

.aligncenter {
	display: block;
	margin: 0 auto;
}

.alignleft {
	float: left;
	margin: 0 15px 15px 0;
}

.alignright {
	float: right;
	margin: 0 0 15px 15px;
}

.wp-caption {
}

.wp-caption img {
}

.wp-caption p.wp-caption-text {
}

/* Internet Explorer Fixes */

.ie7 .element { } /* applies to IE 7 and IE 6 */

.ie6 .element { } /* applies to IE 6 only */